

//遵循BEM代码规范
// .invite为页面或者是组件
// .invite-container为块
// .invite-container__poster为块下的子元素
// .invite-container--bigger为块的某种状态
.invite-container{
	height: 100vh;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	.invite-posterBox{
		width: 100%;
		height: 688rpx;
	}
	.invite-container__poster {
		width: 100%;
		height: 100%;
		display: block;
	}
	.invite-body{
		width: 100%;
		height: calc(100vh - 688rpx);
		display: flex;
		flex-direction: column;
		align-items: center;
		    justify-content: space-between;
	    box-sizing: border-box;
		padding: 76rpx 0 88rpx 0;
	}
	.invite-bodyTop{
		width: 100%;
		text-align: center;
	}
	.invite-bodyBottom{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 622rpx;
		height: 104rpx;
		background: #222222;
		span{
			display: inline-block;
			height: 44rpx;
			line-height: 44rpx;
			font-size: 32rpx;
			font-family: nominal;
			font-weight: 400;
			text-align: LEFT;
			color: #ffffff;
			margin-right: 12rpx;
		}
	}
	.invite-bodyBottom__icon{
		width: 40rpx;
	}
	.invite-emphasis{
		width: 100%;
	}
	.invite-emphasis__title{
		height: 40rpx;
		line-height: 40rpx;
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		color: #676767;
		
	}
	.invite-fakeBox{
		    width: 100%;
		    height: 126rpx;
		    margin-top: 20rpx;
			position: relative;
			
			input{
				       width: 300%;
				       text-indent: -999em;
				       margin-left: -100%;
				       text-align: left;
				       height: 300rpx;
				       position: absolute;
				       top: -100rpx;
				       z-index: 999;
			}
	}
	.invite-indeedBox{
		display: flex;
		justify-content: center;
	}
	.invite-indeedBoxItem{
		width: 74rpx;
		height: 126rpx;
		 // background-color: #360;
		 margin: 0 10rpx;
		 position: relative;
		 display: flex;
		 align-items: center;
		 justify-content: center;
	}
	.invite-indeedBoxItem span:nth-child(1){
		width: 84rpx;
		height: 100rpx;
		line-height: 100rpx;
		font-size: 84rpx;
		font-family: SF Pro Text, SF Pro Text-Semibold;
		font-weight: 600;
		text-align: CENTER;
		color: #222222;
	}
	.invite-indeedBoxItem span:nth-child(2){
		position: absolute;
		bottom: -1rpx;
		width: 100%;
		height: 4rpx;
		background: #dedede;
	}
}
